<template>
	<view class="all">
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="content">高校实训平台</block>
		</cu-custom>
		<!-- <view class='university'>
			<view class="university-ho">
				<view class="university_province_dq">
					<text class='university_provice_name'>赣州</text>
					<image src="../../static/down_arrow.png" class="arrow"></image>
				</view>
				<view class='bigtitle'>
					<view class="title">实训管家</view>
					<view class="tip">高校实训平台</view>

				</view>
			</view>
			<view>
				<image src="../../static/training.png" class="training"></image>
			</view>
		</view> -->
		<image src="../../static/title.png" class="university"></image>

		<view class="white_pocket1" style="background-color: #FFFFFF;">
			<view class="block">
				<view >
					<!-- <view class="pocket1">
						<view class="block_university_cooperate">高校合作</view>
						<view class="block_university_integrate">整合高校本地学生</view>
					</view>
					<view class=" school iconfont icon-shixisheng"></view> -->
					<image src="../../static/school.png" class="block_university"></image>
				</view>
				<view >
					<!-- <view class="pocket2">
						<view class="block_firm_training">企业实训</view>
						<view class="block_firm_for">为学生提供实训机会</view>
					</view>
					<view class=" conpany iconfont icon-qiye3"></view> -->
					<image src="../../static/company.png" class="block_firm"></image>
				</view>
			</view>
		</view>

		<view class="section">
			<view class="white">
				<text class="recommend">企业推荐</text>
				<text class="more">更多</text>
			</view>
			<view class="white_t2" style="display: flex;"v-for="(item,index) in 4" :key="index">
				<image class="picture"style="width: 100rpx;height: 100rpx;border-radius: 100%;margin: 40rpx 20rpx 40rpx 30rpx;" :src="url"></image>
				<view class="white_li" style="margin-top: 35rpx; width: 520rpx;">
					<view class="" style="margin-bottom: 18rpx;">赣州唯宅汇科技有限公司</view>
					<view class="li_whi">互联网/电子商务 计算机软件</view>
					<view class="li_whi">民营 | 100-400人</view>
				</view>
				<view class="iconfont icon-you1" style="padding-top: 70rpx; font-size: 55rpx; color: #cfcfcf;"></view>
			</view>
		</view>



	</view>
</template>

<script>
	const {appLogin,httpGet,httpPost,msg} = require("@/utils/common.js")
	export default {
		data() {
			return {
				TabCur: 0,
				url:'http://www.555edu.com/d/file/2018-04-03/1617f058d34fa3d52031266d389580e2.jpg',				
				page: 1,
				page_size: 20,

			}
		},
		onLoad() {
			appLogin((user_info) => {
				console.log(user_info)
				
				
			})
		},
		methods: {
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
				console.log(this.TabCur)
				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
			},
			
		}
	}
</script>

<style>
	
	.university {
		/* display: flex;
		background-color: #2284ff; */
		width: 750rpx;
		height: 350rpx;
	}

	.university-ho {
		width: 385rpx;
		margin: 0 auto;
	}

	.university_province_dq {
		padding-top: 15rpx;
		width: 750rpx;
		height: 40rpx;
	}

	.university_provice_name {
		color: #ffffff;
	}

	.arrow {
		width: 45rpx;
		height: 40rpx;
	}

	.bigtitle {
		margin-top: 80rpx;
	}

	.title {
		color: #ffffff;
		font-size: 60rpx;
		letter-spacing: 5rpx;

	}

	.tip {
		color: #cdd8f7;
		font-size: 30rpx;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		text-align: center;
		width: 200rpx;
		margin-top: 10rpx;


	}

	.training {
		width: 310rpx;
		height: 310rpx;
		margin-top: 30rpx;
	}

	.block {
		display: flex;

	}

	.pocket1 {
		margin: 30rpx;
	}

	.pocket2 {
		margin: 30rpx;
	}

	.block_university {
		background-color: #fff6ec;
		/* width: 370rpx; */
		width:330rpx;
		height: 150rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		margin: 50rpx 18rpx 50rpx 30rpx;
	}

	.block_university_cooperate {
		font-size: 35rpx;
		color: #fd822d;
	}

	.block_university_integrate {
		font-size: 20rpx;
		color: #999999;
		margin: 5rpx;
	}

	.school {
		font-size: 50px;
		color: #fd9248;
		position: absolute;
		top: 550rpx;
		left: 240rpx;

	}

	.block_firm {
		background-color: #f4f4fe;
		/* width: 370rpx; */
		width:330rpx;
		height: 150rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		margin: 50rpx 30rpx 50rpx 18rpx;
	}

	.block_firm_training {
		font-size: 35rpx;
		color: #2284ff;
	}

	.block_firm_for {
		font-size: 20rpx;
		color: #999999;
		margin: 5rpx;
	}

	.conpany {
		font-size: 40px;
		color: #48a5ff;
		position: absolute;
		top: 560rpx;
		left: 610rpx;
	}

	.line {
		background-color: #FFFFFF;
	}

	.recommend {
		font-size: 35rpx;
		font-weight: bold;
		margin-left: 20rpx;
		margin-bottom: 50rpx;
	}

	.more {
		color: #aaaaaa;
		float: right;
		margin-right: 20rpx;
	}

	.white {
		background-color: #FFFFFF;
		border-bottom-style: solid;
		border-color: #e5e5e5;
		border-width: 1px;
		padding-bottom: 15rpx;
	}
	.white_t2{
		background-color: #FFFFFF;
		width: 100vw;
		border-bottom-style: solid;
		border-color: #e5e5e5;
		border-width: 1px;
	}
	.li_whi{
		font-size: 22rpx;
		color: #999999;
	}
	.all{
		height:1700rpx;
	}
</style>
